<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jjy-shareV1.0一键分享到微博、QQ空间、QQ好友、微信</title>
    <link rel="stylesheet" href="./css/share2020.css">
    <script src="./js/jquery-1.11.1.min.js"></script>  
</head>

<body>
	<pre>
		/**
		* jjy-share-v1.0
		* 作者：极纪元-橙
		* 作者博客：https://cplvfx.blog.csdn.net/
		* 码云Gitee：https://gitee.com/cplvfx/
		* 时间：2023年6月21日
		* 代码摘录（参考）：人民网http://politics.people.com.cn/n1/2023/0621/c1001-40018542.html
		*/
	</pre>
    <div class="txt_float_r" style="width: 37px;">
		<ul>
			<li class="btn_comment">
				<span><em></em>评论</span>
				<div class="share_con"><a href="#" target="_blank"><img src="./img/share_bbs.png" alt=""></a></div>
			</li>
			<li class="btn_share section-common-share-wrap">
				<span class="btn_share_common"><em></em>分享</span>
			</li>
			<li class="btn_follow">
				<span><em></em>关注</span>
				<div class="share_con">
					<i><strong class="active">微信</strong><strong>微博</strong><strong>快手</strong></i>
					<div style="display: block;">
						<img src="./img/sj_wx.jpg" width="54" height="54" alt="">
						<b>第一时间为您推送权威资讯</b>
					</div>
					<div style="display: none;">
						<img src="./img/sj_wb.jpg" width="54" height="54" alt="">
						<b>报道全球 传播中国</b>
					</div>
                    <div style="display: none;">
						<img src="./img/sj_ks.png" width="54" height="54" alt="">
						<b>关注人民网，传播正能量</b>
					</div>
				</div>
			</li>
		</ul>
	</div>
 
    
    <script src="./js/share_qr2020.js"></script>
    <script>
        $(".txt_float_r").css("width","37px");
	$(".txt_float_r li").hover(function(){
		$(this).addClass("share_active");
		$(".txt_float_r").css("width","194px");
	},function(){
		$(this).removeClass("share_active");
		$(".txt_float_r").css("width","37px");
	});


    $(".btn_follow div.share_con i strong").click(function(){
		$(".btn_follow div.share_con i strong").attr("class","");
		$(".btn_follow div.share_con div").hide();
		  
		$(this).attr("class","active");
		$(".btn_follow div.share_con div").eq($(this).index()).css('display',"block");
	});
    </script>
</body>

</html>